<template>
  <div>
    <el-card>
      <el-row :gutter="24">
        <el-col :span="10">
            <div class="content">
              <div class="title">产品信息</div>
              <div class="content-list">使用laravel6.0+element-ui+uniapp打造CMS管理系统</div>
              <div class="team-u">
                <div class="cont">
                  <div class="cont-k">策划</div>
                  <div class="cont-j">宋博</div>
                </div>
                <div class="cont">
                  <div class="cont-k">研发</div>
                  <div class="cont-j">宋博</div>
                 </div>
              </div>
            </div>
        </el-col>
        <el-col :span="6">
            <div class="code-content">
              <el-image class="code" :key="timer" :src="info.gzh_url" :preview-src-list="[info.gzh_url]">
                <div slot="error" class="image-error">暂无图片</div>
              </el-image>
              <div class="content">咪乐优公众号</div>
            </div>
        </el-col>
        <el-col :span="6">
            <div class="code-content">
              <el-image class="code" :key="timer" :src="info.xcx_url" :preview-src-list="[info.xcx_url]">
                <div slot="error" class="image-error">暂无图片</div>
              </el-image>
              <div class="content">优咪乐小程序</div>
            </div>
        </el-col>
      </el-row>
    </el-card>
    <el-card class="mag-top">
      <el-row :gutter="24">
        <el-col :span="6">
          <div class="cot">
            <div class="cot-name">总访问量</div>
            <div class="cot-num">{{info.visit_sum}}</div>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="cot">
            <div class="cot-name">总用户数</div>
            <div class="cot-num">{{info.user_sum}}</div>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="cot">
            <div class="cot-name">新增访问量（月）</div>
            <div class="cot-num">{{info.month_visit_sum}}</div>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="cot">
            <div class="cot-name">新增用户数（月）</div>
            <div class="cot-num">{{info.month_user_sum}}</div>
          </div>
        </el-col>
      </el-row>
    </el-card>
    <el-card class="mag-top" :header="'码云地址'">
        <div class="words">
          <a href="https://gitee.com/song-bo/LvaCMS" target="_blank">老代码已重构：https://gitee.com/song-bo/LvaCMS</a>
        </div>
    </el-card>
    <el-card class="mag-top" :header="'文档地址'">
        <div class="words">
          <a href="https://www.kancloud.cn/songbo-3_1/lv-admin/1493574" target="_blank">当前最新的文档地址：https://www.kancloud.cn/songbo-3_1/lv-admin/1493574</a>
        </div>
    </el-card>
  </div>
</template>

<script>
export default {
  data () {
    return {
      info: {},
      timer: ''
    }
  },
  created () {
    this.get_list()
  },
  methods: {
    // 获取列表
    get_list () {
      this.$base.request({
        that: this,
        url: 'auth/index/main'
      }, (res) => {
        if (res.code === 8888) {
          console.log(res.data)
          this.info = res.data
          this.timer = new Date().getTime()
        }
      })
    }
  }
}
</script>
<style lang="less" scoped>
@import 'main.less';
</style>
